	.pointer{
      cursor:pointer !important;
  }
	.ads_list {
    width: 1200px;
    margin: 20px auto;
    min-height: 600px;
	.ads_list_top{
    height: 180px;
    background: $base-background-color;
  }
  .ads_list_top_left{
    float: left;
    width: 64%;
    height: 100%;
    border-radius: 5px 0 0 0;
    box-shadow: $box-shadow-style5;
  }
	.buy{
		height: 40px;
    padding: 17px 20px 0 20px;
    border-bottom: 3px solid $div-border-bottom;
		// border-right: 1px solid $table-border-color; // 胖虎
    ul{
      float:left;
      height: 40px;
      li {
        float: left;
        margin-right: 10px;
        font-size: 16px;
        width: 108px;
        height: 39px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        border-top: 1px solid $btn-unFocus-border-color;
        border-left:  1px solid $btn-unFocus-border-color;
        border-right: 1px solid $btn-unFocus-border-color;
      }
    }
    .fundsTransfer{
      float: right;
      font-size: 14px;
      color: $btn-lightBlue-color;
      padding: 5px 10px;
      border: 2px solid $btn-lightBlue-color;
      border-radius: 15px;
    }
	}
  .accountBalance{
    height: calc(100% - 60px);
    padding: 18px 10px 10px 25px;
    overflow: hidden;
    box-sizing: border-box;
    .exchange_account
    .otc_account{
      float: left;
      width: 50%;
      height: 100%;
      .account_title{
        line-height: 16px;
        font-size: 14px;
        color: $font-color666;
      }
      .account_assets{
        margin-top: 20px;
        display: flex;
        div{
          width: 50%;
          height: 100%;
          text-align: left;
          p:nth-child(1){
            font-size: 16px;
            color: $upCurrency-color;
            font-weight: bold;
          }
          p:nth-child(2){
            margin-top: 5px;
            font-size: 14px;
            line-height: 20px;
            color: $save-detail-font-color;
          }
        }
      }
    }
    .exchange_account{
      position: relative;
    }
    .exchange_account::after{
      position: absolute;
      right: 0;
      top: -18px;
      content: '';
      width: 2px;
      height: 120px;
      background: $beforeOrAfterBg;
    }
    .otc_account{
      float: right;
      width: 47%;
    }
  }
  .ads_list_top_right{
     padding: 55px 20px 0 20px;
     float: right;
     width: 35%;
     height: 100%;
     border-radius: 0 5px 0 0;
     box-sizing: border-box;
     box-shadow: $box-shadow-style5;
     //  用户登陆
     .unLogin{
       height: 60px;
       .headImg{
         float: left;
         width: 60px;
         height: 100%;
         border-radius: 50%;
         img{
           width: 100%;
           border-radius: 50%;
         }
       }
       .loginBtn{
         float: left;
         margin-left: 20px;
         padding-top: 20px;
         p{
           letter-spacing: 2px;
           line-height: 20px;
           font-size: 14px;
           color: $base-font-color;
           .loginIn{
             color: $btn-lightBlue-color;
           }
         }
       }
     }
    // 用户已登陆
    .loginEd{
      .headImg
      .userExchangeInfo
      .userSet{
        float: left;
      }
      .headImg{
        position: relative;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        img{
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
        .loginStatus{
          width: 15px;
          height: 15px;
        }
      }
      .userExchangeInfo{
        margin-left: 20px;
        div{
          float:left;
          font-size: 14px;
          p{
            height: 30px;
          }
        }
        div:nth-child(1){
          margin-right: 20px;
          min-width: 48px;
          max-width: 65px;
          p{
            color: $save-detail-font-color;
          }
        }
        div:nth-child(2){
          p{
            color: $light-grey-color;
          }
        }
      }
      .userSet{
        float: right;
        width: 120px;
        height: 80px;
        position: relative;
        button{
          position: absolute;
          left: 50%;
          margin-left: -50px;
          font-size: 14px;
          width: 100px;
        }
        button:nth-child(1){
          width: 98px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          top: 0;
          border: 1px solid $btn-lightBlue-color;
          background: transparent;
          color: $btn-lightBlue-color;
        }
        button:nth-child(2){
          bottom: 0;
          height: 30px;
          color: $white-color;
        }
      }
    }
   }
   /* 选中的li */
	.activeCoin{
		color: $white-color;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    width: 110px !important;
    height: 40px !important;
   // border-bottom: 3px solid $div-border-bottom !important;
    background: $btn-bg-color;
  }
  /* 下面的指数 和  列表区域 */
  .ads_list_bottom{
    margin-top: 10px;
    overflow: hidden;
    background: $base-background-color;
    box-shadow: $box-shadow-style1;
  }
  .ads_list_bottom_right{
    width: 100%;
    height: 690px;
    border-radius: 5px;
  }
  .ads_list_bottom_right_top{
    padding-top: 30px;
    height: 70px;
    .tabBtn{
      float: left;
      width: 64%;
      padding: 10px 0 10px 8px;
      box-sizing: border-box;
      button{
        margin-left: 10px;
        height: 40px;
        width: 120px;
        font-size: 16px;
        border: 1px solid $btn-unClick-border-color;
        background: transparent;
        color: $upCurrency-color;
      }
      .activeSellBtn{
        border: none;
        color: $white-color;
        background: $buy-btn-bgColor
      }
      .activeBuyBtn{
        border: none;
        color: $white-color;
        background: $sell-btn-bgColor
      }
      button.advertBtn{
        float: right;
        width: 120px;
        height: 40px;
        border-radius: 50px;
        background:$btn-bg-color;
        color: $white-color;
        line-height: 40px;
        i{
          margin-right: 10px;
          &::after{
            font-weight: 300;
          }
        }
      }
    }
    .coinMarketPrice{
      float: right;
      padding: 10px 20px 10px 0;
      width: 30%;
      height: 40px;
      color: $font-color333;
      .coinMarketPrice_child{
        line-height: 42px;
        box-sizing: border-box;
        padding-left: 20px;
        font-size: 14px;
        .coinMarketPrice_child_coin,
        .coinMarketPrice_child_price{
          float:right;
        }
        .coinMarketPrice_child_price{
          margin-left: 10px;
          .text{
            color: $font-color666;
          }
          .lastPrice{
            color: $btn-lightBlue-color;
            font-size: 16px;
          }
        }
      }
    }
  }
  .ads_list_order{
    padding-bottom: 10px;
    box-shadow: $box-shadow-style1;
  }
  .list_con{
    box-sizing: border-box;
    padding: 0 20px;
  }
	.list_con .loading{
		height: 30px;
    width: 51px;
    margin: 20% auto;
	}
	.list_con table{
		width: 100%;
		text-align: center;
	}
	.list_con table tr{
		background: $subheade-background-color;
	}
  .list_con table tr:nth-child(2n){
    background: $sub-background-color;
  }
	.list_con table th{
		font-size: 12px;
    font-weight: normal;
    color: $explain-font-color;
    width: 1%;
    height: 30px;
    line-height: 30px;
	}
  .list_con table th.th1{
    width: 24%;
  }
  .list_con table th.th2{
    width: 20%;
  }
  .list_con table th.th3{
    width: 17%;
  }
  .list_con table th.th4{
    width: 13%;
  }
  .list_con table th.th5{
    width: 13%;
  }
  .list_con table th.th6{
    width: 13%;
  }
  .list_con table .alignLeft{
    text-align: left;
  }
	.list_con table td{
		height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: $upCurrency-color;
	}
	.list_con table tr:hover{
		background:$table-border-color;
	}
	.type{
    margin-left: 20px;
		float: right;
	}
	.type .wgt-inlineInput{
		float: left;
		margin-right: 15px;
	}
	.sort{
		cursor: pointer;
	}
	.receet{
		display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
	}
	.receet i{
		position: absolute;
	}
	.iconNoFont-sup,.iconNoFont-sdow{
		display: block;
    height: 0;
    width: 0;
    line-height: 0;
    border-style: solid;
    border-width: 4px;
	}
	.iconNoFont-sup{
		border-color: rgba(0,0,0,0) rgba(0,0,0,0) $explain-font-color rgba(0,0,0,0);
	}
	.iconNoFont-sdow{
	  border-color: $explain-font-color rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	}
	.up{
		top: 2px;
	}
	.down{
		top: 12px;
	}
	.cur{
		color: $blue-font-color;
	}
  .up.cur,.up.curr{
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) $blue-font-color rgba(0,0,0,0);
  }
  .down.cur,.down.curr{
  	border-color: $blue-font-color rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
  }
  .imgBox{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
		position:relative;
		line-height:34px;
  }
	.img{
    border-radius: 50%;
    position:absolute;
    left:0;
    width: 24px;
    height: 24px;
  }
  .opac{
    opacity: .6;
  }
  .buyButton,.sellButton{
  	height: 30px;
  	line-height: 30px;
    width: 80px;
    text-align: center;
  }
	.sellButton{
		background: $buy-btn-bgColor	;
	}
	.buyButton{
		background: $sell-btn-bgColor;
	}
  .buyButton:hover,.sellButton:hover{
  	opacity:1;
  }
	.page nav{
		margin-top: 8px;
	}
	.list_con table td.noMessage{
		height: 480px;
			line-height: 480px;
			font-size: 14px;
	}
  .loginStatus{
		height:8px;
		width:8px;
		border-radius:50%;
		position:absolute;
		background:$blue-font-color
		bottom:0;
		right:0;
	}
	.payMent{
    position: relative;
    text-align:left !important;
    padding-left:40px !important;
    .input{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      .wgt-inlineInput{
        width: 100%;
        height: 100%;
        .inline{
          input{
            height: 28px;
            opacity: 0;
          }
          .icon-down{
            top: 30%;
          }
          .optionBox{
            top: 34px;

          }
        }
      }
    }
	}
	.list_con tr.noHover:hover{
	 background:$subheade-background-color;
	}
  .list_con tr.noHoverTh{
    border-bottom: 1px solid $login-input-border-bottom;
    background: $sub-background-color;
    .th1{
      label{
        position: absolute;
        left: 0;
        top: 5px;
        width: 20px;
        height: 20px;
        .checkbox{
          position: absolute;
          left: 0;
          top: 0;
        }
        .checkDiv{
          left: 0;
          top: 0;
        }
      }
    }
  }
	.list_con tr.noHoverTh:hover{
	 background:none;
	}
	.list_con tr .first{
    position: relative;
	  text-align: left;
    text-indent: 25px;
    .path1, .path2, .path3{
      &::before{
        position: absolute;
        left: -20px;
        top: 15px;
        width: 20px;
        height: 20px;
        font-size: 16px;
      }
    }
    .path1{
      &::before{
        color: #EC9610;
      }
    }
    .path3{
      &::before{
        left: -5px;
        color: #fff;
      }
    }
    span.nameAndOrder{ // 胖虎新增
      display: inline-block;
      line-height: 13px;
      vertical-align: middle;
      text-indent: 0;
      .orderAndPercentSpan{
        font-size: 12px;
      }
    }
	}
  // 下面是弹窗的样式
  // 资金划转
  li.error-note{
    color: red;
  }
  .assetsTransfer{
    margin-bottom: 20px;
    .titleAndSelect{
      span{
        line-height: 40px;
      }
      .selectInputDiv{
        float: right;
        width: 110px;
        height: 40px;
        .select-input{
          input{
            width: 108px;
            height: 38px;
          }
          .icon-down{
            top: 35%;
          }
        }
      }
    }
    .transfreSide{
      padding-top: 30px;
      display: flex;
      div{
        flex: 1;
        text-align: center;
      }
      .exchangeAccount,
      .otcAccount{
        p{
          line-height: 25px;
          font-size: 18px;
          color: $font-color333;
        }
        .exchangeAccount_balance,
        .otcAccount_balance{
          margin-top: 10px;
          line-height: 22px;
          font-size: 16px;
        }
        .canUseText{
          margin-top: 5px;
          line-height: 17px;
          font-size: 12px;
          color: $save-detail-font-color;
        }
      }
      .accountChange{
        .accountChangeIcon{
          position: relative;
        }
      }
    }
    .enterInput{
      padding-top: 30px;
      input{
        text-indent: 10px;
      }
      .canTransferAmount{
        color: $font-color666;
        margin-top: 10px;
        line-height: 17px;
      }
    }
  }
  // 下面是购买 和 出售 的弹窗样式
  .principalInfo{
    padding: 0 40px;
    .sideAndCoin{
      heihgt: 90px;
      line-height: 90px;
    }
    .principal{
      height: 55px;
      .orderInfoLeft,
      .orderInfoRight{
         float: left;
         width: 30%;
      }
      .orderInfoLeft{
        .priceDiv{
          line-height: 30px;
          height: 30px;
          .priceSpan{
            font-size: 24px;
            color: $pro-price-color;
          }
        }
        .paymentsDiv{
          line-height: 25px;
          .imgBox{
            width: 24px;
            height: 24px;
            img{
              width: 100%;
              height: 100%;
            }
          }
        }
      }
      .orderInfoRight{
        text-align: right;
        width: 70%;
        .person{
          height:30px;
          line-height: 30px;
          .imgBox{
            position: relative;
            width: 30px;
            height: 30px;
            margin-right: 20px;
            img{
              width: 100%;
              height: 100%;
              border-radius: 50%;
            }
            s{
              position: absolute;
              display: inline-block;
              right: 0;
              bottom: 0;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              background:$blue-font-color
            }
          }
          .readOnly{
            opacity: 0.6;
          }
          .otcNickName{
            font-size: 14px;
            color: $font-color333;
          }
        }
        .exchangedInfo{
          height: 25px;
          line-height: 25px;
          color: $explain-font-color;
          span{
            display: inline-block;
            margin-left: 13px;
          }
        }
      }
    }
  }
  .dialog-pops .dialog-contents{
    padding: 20px 40px 15px;
  }
  .priceTotal{
    div.priceTotalDiv{
      margin: 10px 0;
      line-height: 30px;
      .priceTotalDivRight{
        position: relative;
        input{
          text-indent: 10px;
        }
        .unit{
          position: absolute;
          top: 5px;
          right: 5px;
          width: 40px;
          height: 40px;
        }
      }
      .userRemind{
        position: relative;
        height: 30px;
        p{
          position: absolute;
          left: 0;
          top: 10px;
          width: 100%;
          height: 20px;
          line-height: 20px;
          color: $font-color666
        }
        .userRemindError{
          z-index: 1;
          background: $base-background-color;
        }
        .userRemindLimit{
          .limitSpan{
            margin: 0 10px;
          }
          .all{
            color: $pro-price-color;
          }
          .fee{
            float: right;
          }
        }
      }
      span.warnimgSpan{
        color: red;
      }
    }
  }
  .countTime{
    color: $font-color666;
    .time{
      color: $pro-price-color;
      font-size: 16px;
    }
  }
  // 下面是发布交易的弹窗样式
  .AdvertCoin{
    padding: 20px 40px 0;
    line-height: 50px;
    span{
      position: relative;
      margin-right: 20px;
      font-size: 18px;
      color: $explain-font-color;
    }
    span:nth-child(2){
      margin: 0;
    }
    .activeSpan{
      font-size: 24px;
      color: $font-color333;
      &::after{
        content: ''
        position: absolute;
        left: 50%;
        bottom: - 10px;
        margin-left: -15px;
        width: 30px;
        height: 3px;
        background: $btn-lightBlue-color;
      }
    }
    // 币种指数
    .advertPriceIndex{
      float: right;
      span{
        margin: 0;
        font-size: 12px;
      }
      .advertCoin,
      .advertUnit{
        color: $font-color333;
      }
      .marketText{
        color: $save-detail-font-color;
      }
      .advertMarketPrice{
        color: $pro-price-color;
        font-size: 18px;
      }
    }
  }
  .advertPriceTotal{
    margin-top: -20px;
    .paymentChoose{
      .paymentMethods{
        height: 24px;
        line-height: 24px;
        label{
          position: relative;
          display: inline-block;
          width: 24%;
          .text{
            color: $font-color666;
          }
          img{
            width: 24px;
            height: 24px;
            vertical-align: middle;
            user-select: none;
          }
          .checkDiv{
            position: absolute;
            left: 0;
            top: 2px;
            width: 18px;
            height: 18px;
            border: 1px solid $btn-unClick-border-color;
          }
        }
      }
    }
    .floatPointChoose{
      .priceMethods{
        .priceMethodsTitle{
          margin-right: 40px;
          font-size: 14px;
        }
        .chooseMethods{
          margin-right: 30px;
          font-size: 14px;
          color: $font-color333;
          .radioCircle{
            margin-right: 10px;
            display: inline-block;
            width: 15px;
            height: 15px;
            border: 1px solid $choose-methods-radio-color;
            box-sizing: border-box;
            padding: 2px;
            border-radius: 50%;
            line-height: 0;
            transform: translateY(2px);
            .radioHeart{
              display: block;
              width: 100%;
              height: 100%;
              border-radius: 50%;
              line-height: 0;
              background: $choose-methods-radio-color;
            }
          }
        }
        .radioCircleChecked{
          font-size: 18px;
          .radioCircle{
            border-color: $btn-lightBlue-color;
            .radioHeart{
              background:  $btn-lightBlue-color;
            }
          }
        }
      }
    }
    .floatPointPrice{
      .priceText{
        margin-right: 20px;
      }
      .priceTotalDivRight{
        width: 73%;
        float: right;
        .dragPrice{
          color: $pro-price-color;
        }
        .dragPercent{
          margin-left: 50px;
        }
        .dragDivParent{
          float: right;
          width: 40%;
          .dragDiv{
            float: right;
            display: inline-block;
            height: 100%;
            input{
              width: 87%;
            }
          }
        }
      }
    }
    .enterAdvertNumber{
      .priceTotalDivRight{
        .all{
          position: absolute;
          right: 10px;
          top: 3px;
          color: $btn-lightBlue-color;
        }
      }
    }
    .serviceFee{
      margin-bottom: 0 !important;
      .priceTotalDivRight{
        .text{
          color: $font-color666;
        }
        .value{
          float: right;
        }
      }
    }
  }
  .itemText{
    color: $font-color666;
  }
  .fontSize12{
    font-size: 12px;
  }
  .fontSize24{
    font-size: 24px;
    color: $font-color333;
  }
  #com-g{
    height: 40px;
    line-height: 40px;
    .inpText{
      width: 100px;
      text-align: center;
      text-indent: 0;
    }
  }
  .limitTradeInput{
    .priceTotalDivRight{
      position: relative;
      span{
        margin-left: 2px;
      }
      input{
        width: 45%;
      }
      input:last-child{
        position: absolute;
        top: 2px;
        right: -2px;
      }
    }
  }
    // 资金划转弹窗底部按钮
  // 出售和购买弹窗的底部按钮
  .footerOptions,
  .sellOrBuyFooter,
  .advertFooter{
    padding-bottom: 8px;
    button{
      width: 160px;
      height: 50px;
      font-size: 18px;
    }
    button:nth-child(1){
      background: $btn-cancel-gray-bgColor;
    }
  }
  .changeNickNameFooter,
  .bindMobileFooter,
  .toCiVerifyFooter,
  .googleOrMobelVertyFooter,
  .changeHeadImgFooter,
  .toApplyBusinessFooter{
    padding-bottom: 8px;
  }
  .toApplyBusinessFooter{
    button{
      a {
        display: block;
        color: $white-color;
      }
    }
  }
  .takeCare{
    position: relative;
    padding: 30px 20px 50px 25px;
    box-sizing: border-box;
    display: flex;
    .takeCareLeft{
      h3 {
        margin-bottom: 16px;
        line-height: 30px;
        font-size: 24px;
        color: $font-color333;
      }
    }
    .takeCareLeft{
      width: 70%;
      box-sizing: border-box;
      padding-right: 30px;
      color: $font-color666;
      line-height: 30px;
      h2{
        margin-bottom: 5px;
      }
    }
  }
  .fullScreenLoad{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1000000;
    background: $mask-bg-color;
    div{
      margin: auto;
    }
  }
  .dialog-pops{
     .dialog-titles{
       height: 0;
       overflow: hidden;
     }
     .dialog-closed{
        display: none;
     }
  }
  .mobileverify-text{
    font-size: 24px;
  }
  .saveHeadImgBtn{
    opacity: .6;
  }
  .rate{
    opacity:1 !important;
  }
  .checkbox{
    margin-right: 10px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0;
  }
  .checkDiv{
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid $btn-unClick-border-color;
  }
  .checkbox:checked + .checkDiv{
    border: none;
    width: 20px;
    height: 20px;
    background: $btn-bg-color;
    border-radius: 3px;
    &::after{
      position: absolute;
      content: '';
      left: 6px;
      top: 1px;
      width: 6px;
      height: 12px;
      border-color: $white-color;
      border-width: 0 1px 1px 0;
      border-style: solid;
      transform: rotateZ(45deg);
    }
  }
}
